<template>
<div class="home">
    <div class="head-view">
        <HeadClassification></HeadClassification>
    </div>
    <!-- 轮播图 -->
    <div class="rotation">
        <rotation></rotation>
    </div>
    <!-- 广告位4个 -->
    <div class="Advertisement container">
        <ul>
            <li v-for="(item,i) in imgs" :key="i">
                <img :src="item" alt="">
             </li>
        </ul>
    </div>
    <!-- 发现好货 -->
    <div class="newgoods">
        <newGoods></newGoods>
    </div>
    <!-- 印刷配件 -->
    <div class="newprinting">
        <newPrinting></newPrinting>
    </div>
    <!-- 印前设备 -->
    <div class="prePress">
        <prePress></prePress>
    </div>
    <!-- 印后设备 -->
    <div class="postPrinting">
        <postPrinting></postPrinting>
    </div>
    <!-- 楼层 -->
    <floor></floor>
    <!-- 在线咨询 -->
    <div class="consults">
        <Consult></Consult>
    </div>
</div>
</template>

<script>
import HeadClassification from '@/pages/home/list/HeadClassification'
import rotation from '@/pages/home/list/rotation'
import newGoods from '@/pages/home/list/newGoods'
import newPrinting from '@/pages/home/list/newPrinting'
import prePress from '@/pages/home/list/prePress'
import postPrinting from '@/pages/home/list/PostPrinting'
import Consult from '@/components/Consultation'
import Floor from '@/pages/home/list/Floor'
export default {
    components: {
        HeadClassification,
        rotation,
        newGoods,
        newPrinting,
        prePress,
        postPrinting,
        Consult,
        Floor
    },
    data() {
        return {
            imgs: {
                imgs1: require('@/assets/banner5.png'),
                imgs2: require('@/assets/banner6.png'),
                imgs3: require('@/assets/banner7.png'),
                imgs4: require('@/assets/banner8.png'),
            },

        }
    },
    mounted() {

    }
}
</script>

<style lang="less">
.home{
    margin-top: 150px;
    .Advertisement {
    padding: 20px 0;

    ul {

        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;

        justify-content: space-between;
    }

}


}
</style>
